<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <!-- <script src="https://cdn.tailwindcss.com"></script> -->
  <!-- <script src="./tailwind.config.js"></script> -->
  <link href="./css/main.css" rel="stylesheet">

</head>
<body>
  <div class="text-[#ff0000]">提示器</div>
  <div class="flex">
    <div class="w-2/4 bg-red-200 h-[200px] mr-[10px] rounded-[10px]">123</div>
    <div class="bg-blue-200">222</div>
    <div>333</div>
  </div>
  <button>按钮</button>
  


<script>
    function dropdown() {
        return {
            show: false,
            open() { this.show = true },
            close() { this.show = false },
            isOpen() { return this.show === true },
        }
    }
</script>
<script>

</script>
</body>
</html>